<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的代言</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/aui-flex.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="./css/my_daiYan.css">
    <script type="text/javascript" src="../../js/base.js"></script>
    <style>
        @media screen and (max-width:321px){
            #order{
                width:7rem;
              padding-top:0.5rem;
                padding-right:0.8rem;
            }
            .userName{
                margin-left:0.5rem;
              width:3rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;
            }
            .goodsNum{
               position:absolute;
                right:0.5rem;
                top:5.5rem
            }
            .shuxian{
                height:3rem;
                border-right:1px solid #efefef;
                margin-top:20px;
                margin-left:0.5rem;
            }
        }
        @media screen and (min-width:321px) and (max-width:376px){
            #order{
                padding-top:0.5rem;
            }
            .goodsNum{
                position:absolute;
                right:0.5rem;
                top:6rem
            }
            .userName{
                width:4rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;
            }
            .shuxian{
                height:3rem;
                border-right:1px solid #ddd;
                margin-top:20px;
            }
        }
        @media screen and (min-width:377px) and (max-width:415px){
            #order{
                padding-top:0.5rem;
            }
            .goodsNum{
                position:absolute;
                right:0.5rem;
                top:6.5rem
            }
            .userName{
                width:4rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;
            }
            .shuxian{
                height:3rem;
                border-right:1px solid #ddd;
                margin-top:22px;
            }
        }
        @media screen and (min-width:416px) and (max-width:768px){
            .goodsNum{
                position:absolute;
                right:0.5rem;
                top:8.5rem
            }
            .userName{
                width:4rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;
            }

        }

    </style>

</head>
<body>
<!--<header class="aui-bar aui-bar-nav aui-bar-top">-->
    <!--<a class="aui-pull-left aui-btn goBack" >-->
        <!--<span class="aui-iconfont aui-icon-left"></span>-->
    <!--</a>-->
    <!--<div class="aui-title">我的代言</div>-->
<!--</header>-->
<section id="app" v-cloak>

    <div  v-if="userInfo.wx_images" class="aui-flex-col aui-flex-item-12   my_daiYan_tit">
            <div class="aui-flex-item-3 aui-padded-10" style="position: relative;" @click="goErWeiMa()">
                <!--<img v-bind:src="daiYanList[0].wx_images" class="aui-img-round aui-list-img-sm">-->
                <!--<img v-bind:src="userInfo.wx_images" class="aui-img-round">-->
            <img src="../../icon/1-3/erweima.png" class="aui-img-round"  @click="goErWeiMa()" >
            </div>
            <div class="aui-flex-item-3 aui-text-center" style="position: relative;width:20%;margin-right:0.5rem">
                <div class="userName">{{userInfo.wx_name}}</div>
            </div>
            <div class="shuxian"></div>
            <div class="aui-flex-item-5 aui-padded-l-10" style="position: relative;top:50%;margin-top: -24px;">
                <div class="aui-flex-row" >
                    <div class="aui-flex-item-12 aui-font-size-14">
                        参与人数 <span v-if="UserRebateMoney.reb_used_number" style="color:#fe1065">{{UserRebateMoney.reb_used_number}}  /  {{UserRebateMoney.reb_number}}</span>
                        <span v-else  style="color:#fe1065">00</span>
                    </div>
                    <div class="aui-flex-item-12 aui-font-size-14" style="margin-top:0.5rem;width:110%">
                        已获佣金 <span  style="color:#fe1065" v-if="UserRebateMoney.allRebMoney">￥{{UserRebateMoney.allRebMoney}}</span>
                        <span v-else  style="color:#fe1065">00</span>
                    </div>
                </div>
            </div>
        </div>
    <div  v-if="!userInfo" class="aui-flex-col aui-flex-item-12   my_daiYan_tit">
        <div class="aui-flex-item-3 aui-padded-10" style="position: relative;">
            <img class="aui-img-round" v-if="!userInfo.wx_images" src="../../icon/userHead.png" alt="">
        </div>
        <div class="aui-flex-item-3 aui-text-right" style="position: relative;width:20%">
            <div  style="width:4rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;">昵称</div>
        </div>
        <div class="shuxian"></div>
        <div class="aui-flex-item-5 aui-padded-l-10" style="position: relative;top:50%;margin-top: -24px;">
            <div class="aui-flex-row" >
                <div class="aui-flex-item-12 aui-font-size-14">
                    参与人数 <span style="color:#fe1065">00</span>
                </div>
                <div class="aui-flex-item-12 aui-font-size-14" style="margin-top:0.5rem;width:110%">
                    已获佣金 <span  style="color:#fe1065">00:00</span>
                </div>
            </div>

        </div>
    </div>
    <div style="clear: both"></div>
    <div  v-if="navigator && navigator.onLine === true">
                                <!--已分享-->
      <div class="detailList" v-for="daiyanInfo,index in UserRebateInfo" style="position: relative;margin-bottom: 0.5rem" >
          <div>
              <div v-if="daiyanInfo.joinUser.length>=1">
                  <div class="aui-flex-col aui-flex-item-12  goodsList" >
                      <div class="aui-flex-item-7 aui-padded-l-5" style="height:2.25rem;line-height: 2.25rem">
                          <div class=" aui-font-size-12" style="height:2.25rem">
                              <img src="../../icon/logo.png" style="height:0.8rem; line-height: 0.8rem" alt="">
                              <span class="textColor" style="  display: inline-block; position:relative; top:-0.9rem;left:3rem;">小普微信商城专营  <i class="aui-iconfont aui-icon-right" style="font-size: 0.6rem"></i></span>
                          </div>
                      </div>
                      <div class="aui-flex-item-5 aui-font-size-12 aui-text-right aui-padded-r-5 textColor" >
                          <div id="order">订单号:{{daiyanInfo.order_sn}}</div>
                          <!--<div>{{daiyanInfo.order_sn}}</div>-->
                      </div>
                  </div>
                  <div class="aui-flex-col aui-flex-item-12 aui-margin-t-10 aui-padded-b-10" style="  position:relative; top:0.2rem;">
                      <div class="aui-flex-item-3 aui-padded-l-15 aui-margin-r-15">
                          <img v-bind:src="getImage(daiyanInfo.ChooseOrderGood.goods_image)"  />
                      </div>
                      <div class="aui-flex-item-6">
                          <div class=" aui-padded-r-10 aui-font-size-16 "> {{daiyanInfo.ChooseOrderGood.goods_name}}</div>
                          <!--<div class="aui-grid-label aui-font-size-12 aui-text-danger aui-margin-0"><img src="../../icon/2-1/fenxiang.png" style="height:0.5rem"></div>-->
                          <div class=" aui-padded-r-10 aui-font-size-12 textColor "  style="width:7.5rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;"> {{daiyanInfo.ChooseOrderGood.goods_desc}}</div>
                          <div class=" aui-padded-r-10 aui-font-size-12 aui-padded-t-5 textColor "> {{getTypeAndColor(daiyanInfo.ChooseOrderGood.attrText,0)}}</div>
                          <div class=" aui-padded-r-10 aui-font-size-12 textColor"> {{getTypeAndColor(daiyanInfo.ChooseOrderGood.attrText,1)}}</div>

                      </div>
                      <div class="aui-flex-item-2 aui-font-size-14">
                          <div class="textColor">￥{{daiyanInfo.ChooseOrderGood.shop_price}}</div>
                      </div>

                  </div>
                  <!--<div class="textColor  goodsNum">-->
                  <!--<div> x {{daiyanInfo.goods_number}}</div>-->
                  <!--</div>-->
                  <div style="clear: both;margin-bottom:0.5rem"></div>
                  <div class="aui-margin-b-10 user" @click="goRebateDetail(daiyanInfo.order_sn)">
                      <div class="aui-pull-left aui-font-size-14 textColor">{{getDate(daiyanInfo.pay_time+"000")}}</div>
                      <span class="aui-pull-right" v-if="deleteRepeat(daiyanInfo.joinUser).length>=5">...</span>
                      <span class="aui-pull-right"  v-for="rebateGoods,idx in deleteRepeat(daiyanInfo.joinUser)" v-if="idx<4">
                          <img class="aui-radio"   v-bind:src="getFImage(rebateGoods)" style="margin-top:12px"  alt="">
                          <!--<span class="aui-font-size-14" style="color:#fe1065;">{{daiyanInfo.buyer_name}}</span>-->
                      </span>
                  </div>
                  <div style="clear: both"></div>
              </div>

              <div  v-if="!daiyanInfo.joinUser">                                             <!--未分享-->
                  <div class="aui-flex-row  content">
                      <div class="" style="position:absolute;left:50%;top:42%;margin-left:-3rem" >
                          <img src="../../icon/3-3/daiyan.png" style="width:6rem;" alt="">
                      </div>
                  </div>

                  <div style="clear: both"></div>

                  <div class="aui-felx-item-12"  style="width:10rem;position:absolute;left:50%;margin-left:-5rem" >
                      <div class="aui-text-center">您还没有好友购买哦～</div>
                      <div class="aui-text-center">点击上方二维码分享购买</div>
                  </div>
              </div>
          </div>


    </div>
    </div>
    <div v-if="navigator && navigator.onLine === false" style="position:relative;" @click="goOnLine()">
        <div style="position:absolute;top:50%;left:50%;margin-top:8rem;margin-left: -3rem">
            <img src="../../icon/duanwang.png" alt="" style="width:6rem">
            <div class="aui-text-center">暂无网络</div>
        </div>

        <div  class="aui-text-center textColor" style="position:absolute;top:50%;left:50%;margin-top:15rem;margin-left: -86px">请连接网络后,点击刷新</div>
    </div>
</section>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<script type="text/javascript" src="../../js/aui-toast.js"></script>
<script type="text/javascript" src="./js/my_daiYan.js" ></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../js/weixin.js" ></script>
</body>
</html>